<!-- 内容容器组件 -->
<template>
  <main class="main-content position-relative max-height-vh-100 h-100 border-radius-lg ps ps--active-y">
    <HeaderPartial/>
    <div class="container-fluid py-4">
      <div class="row min-vh-80 h-100">
        <!-- 这里是内容展示区域，这里显示父组件传递的内容 -->
        <slot></slot>
      </div>
      <FooterPartial/>
    </div>
  </main>
</template>

<script>
import FooterPartial from './FooterPartial.vue';
import HeaderPartial from './HeaderPartial.vue';

export default {
  name: 'ContentContainerPartial',
  components:{
      FooterPartial,
      HeaderPartial
  }
}
</script>